<template>
  <div>
    <el-icon size="20" color="red">
      <Edit />
    </el-icon>
    <el-icon size="20" color="green">
      <Delete />
    </el-icon>
    <el-icon class="is-loading">
      <Loading />
    </el-icon>
    <div style="font-size: 20px">
      <!-- 由于SVG图标默认不携带任何属性 -->
      <!-- 你需要直接提供它们 -->
      <Edit style="width: 1em; height: 1em; margin-right: 8px; color: brown" />
      <Share style="width: 1em; height: 1em; margin-right: 8px" />
      <Delete style="width: 1em; height: 1em; margin-right: 8px" />
      <Search style="width: 1em; height: 1em; margin-right: 8px" />
    </div>
  </div>
</template>

<script>
export default {
  name: 'IconCom'
}
</script>

<style lang="scss" scoped></style>
